<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<style>
			* {
				margin: 0;
			}
			
			#mark li div {
				display: none;
				text-align: left;
			}
			
			#mark a:hover div {
				display: block;
			}
			
			#mark ul li a span {
				display: inline-block;
				background-color: #373E41;
				color: white;
				border-radius: 50%;
				border-width: 1px;
				border-style: groove;
				width: 16px;
				height: 16px;
				text-indent: 4px;
			}
			
			a {
				text-decoration: none;
				color: #808080;
			}
			
			#mark ul li {
				border-bottom: gray;
				/*border-b-width: 1px;*/
				border-bottom-style: dashed;
				border-bottom-width: 0.5px;
				padding-bottom: 8px;
				padding-top: 8px;
			}
			
			#mark ul {
				list-style-type: none;
				padding: 0px;
			}
			
			body {
				margin: 0;
				background-color: #eee7e1;
			}
			
			#mark {
				width: 350px;
				background-color: white;
				border: #E61A55;
			}
			
			h3 {
				color: white;
				background-color: #E61A55;
				padding: 5px;
			}
		</style>
	</head>

	<body>

		<div id="mark">
			<ul>
				<h3>大家都喜欢的彩妆</h3>
				<li>
					<a href="#"><span>1</span>Za姬芮新能真皙美白隔离霜 35g
						<div><img src="../img/icon-1.jpg" />
							<p>￥6o2.00 最近69122人购买</p>
						</div>
					</a>
				</li>
				<li>
					<a href="#"><span>2</span> 美宝莲精纯矿物奇妙新颜乳霜BB霜 30ml
						<div><img src="../img/icon-2.jpg" />
							<p>￥89.00 最近13610人购买</p>
						</div>
					</a>
				</li>
				<li>
					<a href="#"><span>3</span> 菲奥娜水漾CC霜40g
						<div><img src="../img/icon-3.jpg" />
							<p>￥59.90 最近13403人购买</p>
						</div>
					</a>
				</li>
				<li>
					<a href="#"><span>4</span> DHC 蝶翠诗橄榄卸妆油 200ml
						<div><img src="../img/icon-4.jpg" />
							<p>￥169.00 最近16757人购买</p>
						</div>
					</a>
				</li>
			</ul>
		</div>
	</body>

</html>